<template>
  <view class="lightColour navTop" ref="navTop" id="navTop">
    <van-nav-bar
      title="修改用户名"
      right-text="保存"
      left-arrow
      fixed
      class="loginNav"
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
    <div class="line"></div>
    <van-cell-group :border="false">
      <van-field
        value=""
        placeholder="请输入4-11位字母或数字用户名"
        label="新用户名"
      />
    </van-cell-group>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  onReady() {},
  methods: {
    onClickLeft() {
      uni.navigateBack();
    },
    onClickRight(){
      uni.navigateBack();
    }
  }
};
</script>

<style lang="less">
.custom-icon{width: 50upx;height: 50upx;margin-right: 10upx;}
</style>
